import { defineComponent } from 'vue'

import type { IconType } from '@/types/Icontsx'

function HtmlIcon(props: IconType): JSX.Element {
  return (
    <svg
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="16110"
      width={props.size}
      height={props.size}
    >
      <path
        d="M89.088 59.392l62.464 803.84c1.024 12.288 9.216 22.528 20.48 25.6L502.784 993.28c6.144 2.048 12.288 2.048 18.432 0l330.752-104.448c11.264-4.096 19.456-14.336 20.48-25.6l62.464-803.84c1.024-17.408-12.288-31.744-29.696-31.744H118.784c-17.408 0-31.744 14.336-29.696 31.744z"
        fill="#FC490B"
        p-id="16111"
      ></path>
      <path
        d="M774.144 309.248h-409.6l12.288 113.664h388.096l-25.6 325.632-227.328 71.68-227.328-71.68-13.312-169.984h118.784v82.944l124.928 33.792 123.904-33.792 10.24-132.096H267.264L241.664 204.8h540.672z"
        fill="#FFFFFF"
        p-id="16112"
      ></path>
    </svg>
  )
}

export default defineComponent({
  props: {
    size: {
      type: Number,
      default: 24
    }
  },
  render(props: IconType) {
    return HtmlIcon(props)
  }
})
